<div class="signup_link" onclick="scrollToBottom()"><img src="__CDN__/assets/signup/1/image/signup.png?v={$image_ver}"></div>
<script>
	function scrollToBottom(){
		window.scrollTo({
			top: document.body.scrollHeight,
			behavior: 'smooth'
		});
	}
</script>
<div class="main" id="app">
	<div class="img-box1"><img src="__CDN__/assets/signup/2/image/1.png?v={$image_ver}" class="img-fluid" alt=""></div>
	<div class="img-box">
		<div class="content-top"><img src="__CDN__/assets/signup/2/image/v1-1.png?v={$image_ver}"/></div>
		<div class="content-content">
			<div class="box-5">
				<div style="margin: 0 2.5rem;">
					<video id="oss-player" 
        				class="object-fit-cover" 
						controls 
						poster="__CDN__/assets/signup/2/image/video.png?v={$image_ver}"
						src="https://zdd-ai-person.oss-cn-beijing.aliyuncs.com/video/signup/v-1111.mp4" 
						preload="metadata"
						style="width: 100%;">
					</video>
				</div>
			</div>
		</div>
		<div class="content-bottom"><img src="__CDN__/assets/signup/2/image/v1-3.png?v={$image_ver}"/></div>
	</div>
<!--	<div class="img-box"><img src="__CDN__/assets/signup/2/image/3.png?v={$image_ver}" class="img-fluid" alt=""></div>-->
	<div class="img-box"><img src="__CDN__/assets/signup/2/image/4.png?v={$image_ver}" class="img-fluid" alt=""></div>
	<div class="img-box">
		<div class="content-title"><img src="__CDN__/assets/signup/2/image/5-title.png?v={$image_ver}"/></div>
		<div class="content-top"><img src="__CDN__/assets/signup/2/image/content-top.png?v={$image_ver}"/></div>
		<div class="content-content">
			<div v-for="(point,index) in maps" class="box-5">
				<div class="box-5-img"><img :src="'__CDN__/assets/signup/2/image/' + point.image"/></div>
				<a class="box-5-button" target="_blank" :href="'//uri.amap.com/navigation?to='+point.lng+','+point.lat+','+point.title+'&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0'"><img src="__CDN__/assets/signup/2/image/5-button.png?v={$image_ver}"/></a>
			</div>
		</div>
		<div class="content-bottom"><img src="__CDN__/assets/signup/2/image/content-bottom.png?v={$image_ver}"/></div>
	</div>
	<div class="img-box"><img src="__CDN__/assets/signup/2/image/6.png?v={$image_ver}" class="img-fluid" alt=""></div>
	<div class="img-box">
		<div class="content-title"><img src="__CDN__/assets/signup/2/image/7-title.png?v={$image_ver}"/></div>
		<div class="content-top"><img src="__CDN__/assets/signup/2/image/content-top.png?v={$image_ver}"/></div>
		<div class="content-content" style="padding: 0 2.5rem;">
			<form id="signup-form" role="form" data-toggle="validator" method="POST" action="{:url('api/signup/save')}">
				<div id="sign-type-box">
					<a v-show="signType == 0" v-on:click="signType = 0"><img src="__CDN__/assets/signup/2/image/7-free-1.png?v={$image_ver}"/></a>
					<a v-show="signType == 1" v-on:click="signType = 0"><img src="__CDN__/assets/signup/2/image/7-free-0.png?v={$image_ver}"/></a>
					<a v-show="signType == 1" v-on:click="signType = 1"><img src="__CDN__/assets/signup/2/image/7-pay-1.png?v={$image_ver}"/></a>
					<a v-show="signType == 0" v-on:click="signType = 1"><img src="__CDN__/assets/signup/2/image/7-pay-0.png?v={$image_ver}"/></a>
				</div>
				<div v-show="signType == 1" id="price-box"><img src="__CDN__/assets/signup/2/image/7-price.png?v={$image_ver}"/></div>
				<div class="form-group">
					<label class="form-label">{:__('姓名')}:{{message}}</label>
					<input style="color: white" type="text" class="form-input" id="name" name="name" placeholder="请输入您的姓名" {if config('APP_DEBUG') != 1}data-rule="required;"{/if} placeholder="">
				</div>
				<div class="form-group">
					<label class="form-label">{:__('手机号')}:</label>
					<input style="color: white" type="text" class="form-input" id="mobile" name="mobile" placeholder="请输入您的手机号" {if config('APP_DEBUG') != 1}data-rule="required;mobile;"{/if} placeholder="">
				</div>
				<div class="form-group">
					<label class="form-label">{:__('推荐部门')}:</label>
					<select style="color: white" class="form-input" id="group" name="group" {if config('APP_DEBUG') != 1}data-rule="required;"{/if}>
					<option value="">请选择您的推荐部门</option>
					{volist name=":config('site.signup_groups')" id="vo" key="k"}
					<option value="{$vo}">{$vo}</option>
					{/volist}
					</select>
				</div>
				<!--<input type="hidden" name="pay_type" value="{if $isWechat}wechat{else}alipay{/if}"/>-->
				<input style="color: white" type="hidden" id="sign_type" name="sign_type" v-bind:value="signType"/>
				<input style="color: white" type="hidden" name="pay_type" value="wechat"/>
				<input style="color: white" type="hidden" name="meeting_id" value="{$meeting.id}"/>
				<div class="form-group" style="margin-top: 2rem;">
					<button type="submit" class="btn submitBtn"><img src="__CDN__/assets/signup/2/image/7-button.png?v={$image_ver}"></button>
				</div>
			</form>
		</div>
		<div class="content-bottom"><img src="__CDN__/assets/signup/2/image/content-bottom.png?v={$image_ver}"/></div>
	</div>
</div>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=e76dc3a3cf3d1aef40d4ce5e065fe2cd"></script>
<script src="/assets/signup/2/js/main.js?{if $Think.config.app_debug}v={:time()}{/if}"></script>